'use client'
import React, {useState} from "react"
import styles from "./index.module.scss"

interface LabelValueProps{
  className?: string
  icon?: string | undefined
  label: string | React.ReactElement
  value: string | React.ReactElement
}
const LabelValue: React.FC<LabelValueProps> = ({className = '', icon, label, value}) => {
  return(<div className={`${styles['labelValue-component']} ${className}`}>
      <div className={`${styles["label"]}`}>{label}</div>
      <div className={`${styles["value"]}`}>
        <span className={`${styles["icon"]} 'fa' ${icon}`}></span>
        <span className={`${styles["txt"]}`}>{value}</span>
      </div>
  </div>)
}


export default LabelValue;